﻿{include file="public/head" /}
<div class="page_bg" style="background: url(/web_static/images/5780c309432c5.jpg) center top no-repeat;"></div>
<!-- main -->
<div class="container">
	<div class="row">
		<!-- right -->
		<div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
			<div class="list_box">
				<h2 class="left_h2">在线留言</h2>
				<div class="feedback">
					<div class="form-horizontal">
					<div class="form-group">
						<label class="col-sm-3 control-label">姓 名：</label>
						<div class="col-sm-6">
							<input type="text" name="name" class="form-control" placeholder="您的姓名">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">电 话：</label>
						<div class="col-sm-6">
							<input type="text" name="tel" class="form-control" placeholder="您的电话">
						</div>
					</div>

					<div class="form-group">
						<label class="col-sm-3 control-label">内 容：</label>
						<div class="col-sm-6">
							<textarea name="content" class="form-control" rows="3" placeholder="您咨询的内容"></textarea>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">验证码：</label>
						<div class="col-sm-4">
							<input type="text" name="captcha" placeholder="请输入验证码" class="form-control">
						</div>
						<div class="col-sm-2">
							<img src="/pc_code?code=pc_code" alt="" title="点击更换验证码" onclick="this.src='/pc_code?code=pc_code&t='+Math.random();" style="cursor: pointer;height: 30px;">
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-offset-3 col-sm-10">
							<button type="button" id="submit" value="提交留言" class="btn btn-danger page-btn">提交留言</button>
						</div>
					</div>
						<script>
							$(document).on('click','#submit',function(){
								var name = $("input[name='name']").val();
								var tel = $("input[name='tel']").val();
								var content = $("textarea[name='content']").val();
								var captcha = $("input[name='captcha']").val();
								$.ajax({
									type:'post',
									dataType:'json',
									data:'name='+name+'&phone='+tel+'&remark='+content+'&captcha='+captcha,
									url: "/message_insert",
									success:function(json){
										if(json.status == 0){
											alert('提交成功,我们的客服将会与您联系！');
										}else{
											alert(json.msg);
										}
									}
								});
							});
						</script>
					</div>
				</div>
			</div>
		</div>
		<!-- left -->
		<div class="col-xs-12 col-sm-4 col-md-3">
			<div class="left_nav" id="categories">
				<h2 class="left_h2">栏目中心</h2>
				<ul class="left_nav_ul" id="firstpane">
					{volist name="inside_lists" id="vo"}
					<li> <a class="biglink" href="{$vo.url}" target="_blank" title="{$vo.alt_title}" {if condition="($vo.follow == 2)"}rel="nofollow"{/if} >{$vo.title}</a><span class="menu_head"></span> </li>
					{/volist}
				</ul>
			</div>
			<div class="left_news">
				<h2 class="left_h2">新闻中心</h2>

				<ul class="left_news">
					{volist name="news_lists" id="vo"}
					<li><a href="{$Think.config.url}{$vo.column_name}/{$vo.seo_name_en}.html" title="{$vo.title}-{$web_seo.seo_title}" target="_blank">{$vo.title}</a></li>
					{/volist}
				</ul>
			</div>
			<div class="index_contact">
				<h2 class="left_h2">联系我们</h2>
				<p style="padding-top:8px;">联系人：{$web_seo.name}</p>
				<p>招商微信：{$web_seo.weixin}</p>
				<p>公 司：{$web_seo.company}</p>
			</div>
		</div>
	</div>
</div>
{include file="public/footer" /}
<!--客服面板-->
</body>
</html>